[
    {
        "id": 1,
        "name": "钱秀英",
        "phone": "16153658896",
        "email": "i.swoqfifm@hcpydc.tk",
        "age": 26,
        "companyId": 4
    },
    {
        "id": 2,
        "name": "汤刚",
        "phone": "18686238114",
        "email": "v.wdprtl@vkiply.md",
        "age": 44,
        "companyId": 4
    },
    {
        "id": 3,
        "name": "薛芳",
        "phone": "16128785652",
        "email": "c.gjt@xjcvwue.mn",
        "age": 33,
        "companyId": 4
    },
    {
        "id": 4,
        "name": "魏娜",
        "phone": "18782160773",
        "email": "k.yncvnd@tblulhs.sr",
        "age": 40,
        "companyId": 4
    },
    {
        "id": 5,
        "name": "贺强",
        "phone": "17527781553",
        "email": "r.lgcgl@kyuskxku.fr",
        "age": 38,
        "companyId": 8
    },
    {
        "id": 6,
        "name": "郑丽",
        "phone": "15764758850",
        "email": "v.hpf@ytawhuhz.ev",
        "age": 22,
        "companyId": 4
    },
    {
        "id": 7,
        "name": "梁超",
        "phone": "15793616023",
        "email": "c.pdqwc@cgsneeji.nr",
        "age": 40,
        "companyId": 6
    },
    {
        "id": 8,
        "name": "袁秀英",
        "phone": "18388787880",
        "email": "g.rac@lrjcnr.at",
        "age": 25,
        "companyId": 3
    }
]
//第一题
// 把数据渲染到一个表格里面，表格要求
// 1.奇偶行颜色不一样
// 2.当鼠标指针指到一行显示，次行高亮显示

//--------------------------------------
//第二题
var data = [
    {
        "name": "李白",
        "position": "刺客",
        "skill": "青莲剑歌",
        "exp": 500
    },
    {
        "name": "貂蝉",
        "position": "刺客/法师",
        "skill": "绽·风华",
        "exp": 350
    },
    {
        "name": "鲁班",
        "position": "射手",
        "skill": "空中支援",
        "exp": 800
    }
];
//把以上数据动态加载在网页，可以通过表格形式，列表形式等

//---------------------------------------
//第三题
//动态制作菜单
var menuData = [
    {
        name: "主页",
        link: '/home'
    },
    {
        name: "产品中心",
        link: "/product",
        submenu: [
            {
                name: "电脑",
                link: '/computer'
            },
            {
                name: "手机",
                link: '/phone'
            },
            {
                name: "家电",
                link: '/jiadian'
            }
        ]
    },
    {
        name: "关于我们",
        link: '/about'
    },
    {
        name: "联系我们",
        link: '/contact',
        submenu:[
            {
                name: "电话",
                link: '/contact/p'
            },
            {
                name: "邮箱",
                link: '/contact/e'
            },
            {
                name: "微信",
                link: '/contact/we'
            },
        ] 
    }
]